﻿
<!--
	Author: W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>

<head>

<title>Multi Login & Signup Form A Flat Responsive Widget
	Template :: w3layouts</title>

<!-- For-Mobile-Apps -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Multi Login & Signup Form Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
<script type="application/x-javascript">
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
</script>
<!-- //For-Mobile-Apps -->

<!-- Style1.CSS -->
<link rel="stylesheet" href="css/style1.css" type="text/css" media="all" />

<!-- Web-Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700'
	rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Lato:400,700,900,300'
	rel='stylesheet' type='text/css'>
<!-- //Web-Fonts -->

<!-- Horizontal-Tabs-JavaScript -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#horizontalTab').easyResponsiveTabs({
			type : 'default', //Types: default, vertical, accordion           
			width : 'auto', //auto or any width like 600px
			fit : true, // 100% fit in a container
		});
	});
</script>
<!-- Horizontal-Tabs-JavaScript -->
</head>
<!-- Head -->



<!-- Body -->
<body>

	<!-- Heading -->
	<h1>
		<img src="images/2.png" width="535" height="161">
	</h1>
	<!-- //Headng -->


	<!-- Container -->
	<div class="container">

		<div class="tabs">

			<div class="sap_tabs">

				<div id="horizontalTab"
					style="display: block; width: 100%; margin: 0px;">

					<ul class="resp-tabs-list">
						<li class="resp-tab-item" aria-controls="tab_item-2" role="tab">上传产品信息</li>
						<li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><span>添加商店用户</span></li>
						<div class="clear"></div>
					</ul>

					<div class="resp-tabs-container">

						<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-2">
							<div class="reset">
								<form action="servlet/commoditytReg" method="post">
									<input type="text" Name="commoditytName" placeholder="产品名"
										required=""> <input type="text" Name="commodityId"
										placeholder="产品货号" required=""> <input type="text"
										Name="commodityPrice" placeholder="产品价格" required="">
									<input type="text" Name="commoditySum" placeholder="数量"
										required=""> <input type="text" Name="commoditySize"
										placeholder="尺寸" required=""> <input type="text"
										Name="commodityIntroduce" placeholder="产品简介" required="">
									<input type="file" Name="图片" placeholder="图片" required="">
									<div class="send-button">
										<input type="submit" value="上传">
									</div>
								</form>
							</div>
						</div>
						<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-2">
							<div class="register">
								<form action="servlet/storeReg" method="post">
									<input type="text" Name="managerId" placeholder="管理员ID"
										required=""> <input type="text" Name="managerAccount"
										placeholder="账号" required=""> <input type="password"
										Name="managerPassword" placeholder="密码" required=""> <input
										type="password" Name="managerPassword" class="lessgap"
										placeholder="确认密码" required=""> <input type="text"
										Name="storeId" placeholder="门店ID" required=""> <input
										type="text" Name="storeName" placeholder="门店号" required="">
									<div class="send-button">
										<input type="submit" value="注册">
									</div>
								</form>
							</div>
						</div>

						<div class="tab-3 resp-tab-content" aria-labelledby="tab_item-3">
							<div class="reset">
								<form action="#################" method="post">
									<input type="text" Name="Email" placeholder="邮箱" required="">
									<p>(Or)</p>
									<input type="text" Name="Phone Number" placeholder="电话"
										required=""> <input type="submit" value="修改密码">
								</form>
							</div>
						</div>

						<div class="tab-4 resp-tab-content" aria-labelledby="tab_item-4">

							<div class="main">
								<ul class="cbp-ig-grid">
									<li><a href="#"> <img src="images/IMG_1932.JPG"
											class="cbp-ig-icon cbp-ig-icon-facebook" alt="Fashion">
											<h3 class="cbp-ig-title">简介</h3>
									</a></li>
									<li><a href="#"> <img src="images/IMG_1932.JPG"
											class="cbp-ig-icon cbp-ig-icon-twitter" alt="Fashion">
											<h3 class="cbp-ig-title">背景</h3>
									</a></li>
									<li><a href="#"> <img src="images/2.png"
											class="cbp-ig-icon cbp-ig-icon-gplus" alt="Fashion">
											<h3 class="cbp-ig-title">人员</h3>
									</a></li>
									<li><a href="#"> <img src="images/2.png"
											class="cbp-ig-icon cbp-ig-icon-pinterest" alt="Fashion">
											<h3 class="cbp-ig-title">····</h3>
									</a></li>
									<li><a href="#"> <img src="images/2.png"
											class="cbp-ig-icon cbp-ig-icon-tumblr" alt="Fashion">
											<h3 class="cbp-ig-title">····</h3>
									</a></li>
									<li><a href="#"> <img src="images/2.png"
											class="cbp-ig-icon cbp-ig-icon-linkedin" alt="Fashion">
											<h3 class="cbp-ig-title">····</h3>
									</a></li>
								</ul>
							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>
	<!-- //Container -->



	<!-- Footer -->
	<div class="footer">

		<!-- Copyright -->
		<div class="copyright">
			<p>&nbsp;</p>
		</div>
		<!-- //Copyright -->

	</div>
	<!-- //Footer -->



</body>
<!-- //Body -->



</html>